<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
         .f{
            
            width: 350px;
            /* height: 480px; */
            border:2px solid gray;
            background-image: url(../HTML/picture/bg1.gif );
         
        }
        .s1{
            /* padding: 1px 0 0 0; */
            border-left: 2px solid green;
            width:300px;
            height: 40px;
            padding: 0px 0px 0px 10px;
            margin: 0 0 0 5px;
        }
        .s2{
            width:330px;
         
            background-color: aliceblue;
            padding: 0px 1px 1px 0px;
            margin: 2px 1px 10px 10px;    

        }
        h2{
            color:white;
        }
        li{ 
            text-indent: 1em;
            line-height: 30px;
            list-style-position: inside;
            border-bottom: 1px dashed black;
            list-style-image: url(../HTML/picture/tb.gif);
            
           
        }
      
        a{
            text-decoration: none;
        }
        a:hover{
            color: red;
            text-decoration:underline;
        }
    </style>
</head>
<body>
    <div class="f">
        <div class="s1"><h2>爱宠知识</h2></div> 
        <div class="s2"> 
          <ul style="padding-left: 0px;">
              <li> <a href="#">养狗比养猫对健康更有利 </a></li>
              <li> <a href="#">日本正宗柴犬亮相，你怎么看柴犬 </a></li>
              <li> <a href="#">狗狗歌曲《新年旺旺》 </a></li>
              <li> <a href="#">带宠兜风，开车带宠需要注意什么?</a></li>
              <li> <a href="#">[爆笑] 这狗狗太不给力了</a></li>
              <li> <a href="#"> 狗狗与男童相同着装拍有爱造型照</a></li>
              <li> <a href="#"> 狗狗各个阶段健康大事件</a></li>
              <li> <a href="#"> 调皮宠物狗陷在沙发里的搞笑瞬间</a></li>
              <li> <a href="#"> 为什么每次大小便后,会用脚踢土?</a></li>
            
          </ul>                 


        </div>

           

        

    </div>
</body>
</html>